<template>
  <div class="home">
    <div class="warp">
      <section class="app-main">
        <!-- <keep-alive> -->
            <router-view/>
        <!-- </keep-alive> -->
      </section>
      <footer class="app-footer">
        <ul class="footer-list">
          <router-link to="/" exact active-class="active" tag="li">
            <i class="iconfont icon-home-fill"></i>
            首页</router-link>
          <router-link to="/msbd" active-class="active" tag="li">
            <i class="iconfont icon-template-fill"></i>
            宝典</router-link>
          <router-link to="/test" active-class="active" tag="li">
            <i class="iconfont icon-phone-fill"></i>
            考试</router-link>
          <router-link to="/setting" active-class="active" tag="li">
            <i class="iconfont icon-set"></i>
            设置</router-link>
        </ul>
      </footer>
    </div>
  </div>
</template>

<script>
import "@/static/image/iconfont.css"
export default {
  name: "Home",
  components: {}
};
</script>

<style scoped>
</style>

